﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>CCForm 表单设计器 For Html5 </title>
    <!-- 引用配置文件.-->
    <meta http-equiv="X-UA-Compatible" content="IE=9" />
    <link rel="stylesheet" type="text/css" href="../../Scripts/easyUI/themes/default/easyui.css" />
    <link rel="stylesheet" type="text/css" href="../../Scripts/easyUI/themes/icon.css" />
    <link rel="stylesheet" media="screen" type="text/css" href="./assets/css/style.css" />
    <link rel="stylesheet" media="screen" type="text/css" href="./assets/css/minimap.css" />
    <script type="text/javascript" src="./assets/javascript/json2.js"></script>
    <script type="text/javascript" src="./assets/javascript/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="../../Scripts/easyUI/jquery.easyui.min.js"></script>
    <!-- 基本控件 -->
    <script src="../../Scripts/config.js" type="text/javascript"> </script>
    <script src="../../Scripts/QueryString.js" type="text/javascript"> </script>
    <script src="../../Comm/Gener.js" type="text/javascript"> </script>
    <script type="text/javascript" src="./lib/dashed.js"></script>
    <script type="text/javascript" src="./lib/canvasprops.js"></script>
    <script type="text/javascript" src="./lib/style.js"></script>
    <script type="text/javascript" src="./lib/primitives.js"></script>
    <script type="text/javascript" src="./lib/ImageFrame.js"></script>
    <script type="text/javascript" src="./lib/matrix.js"></script>
    <script type="text/javascript" src="./lib/util.js"></script>
    <script type="text/javascript" src="./lib/key.js"></script>
    <script type="text/javascript" src="./lib/groups.js"></script>
    <script type="text/javascript" src="./lib/stack.js"></script>
    <script type="text/javascript" src="./lib/connections.js"></script>
    <script type="text/javascript" src="./lib/connectionManagers.js"></script>
    <script type="text/javascript" src="./lib/handles.js"></script>
    <script type="text/javascript" src="./lib/builder.js"></script>
    <script type="text/javascript" src="./lib/text.js"></script>
    <script type="text/javascript" src="./lib/log.js"></script>
    <script type="text/javascript" src="./lib/browserReady.js"></script>
    <script type="text/javascript" src="./lib/containers.js"></script>
    <script type="text/javascript" src="./lib/importer.js"></script>
    <script type="text/javascript" src="./lib/main.js" charset="UTF-8"></script>
    <script type="text/javascript" src="./lib/minimap.js"></script>
    <script type="text/javascript" src="./lib/commands/History.js"></script>
    <script type="text/javascript" src="./lib/commands/FigureCreateCommand.js"></script>
    <script type="text/javascript" src="./lib/commands/FigureCloneCommand.js"></script>
    <script type="text/javascript" src="./lib/commands/FigureTranslateCommand.js"></script>
    <script type="text/javascript" src="./lib/commands/FigureRotateCommand.js"></script>
    <script type="text/javascript" src="./lib/commands/FigureScaleCommand.js"></script>
    <script type="text/javascript" src="./lib/commands/FigureZOrderCommand.js"></script>
    <script type="text/javascript" src="./lib/commands/FigureDeleteCommand.js"></script>
    <script type="text/javascript" src="./lib/commands/GroupRotateCommand.js"></script>
    <script type="text/javascript" src="./lib/commands/GroupScaleCommand.js"></script>
    <script type="text/javascript" src="./lib/commands/GroupCreateCommand.js"></script>
    <script type="text/javascript" src="./lib/commands/GroupCloneCommand.js"></script>
    <script type="text/javascript" src="./lib/commands/GroupDestroyCommand.js"></script>
    <script type="text/javascript" src="./lib/commands/GroupDeleteCommand.js"></script>
    <script type="text/javascript" src="./lib/commands/GroupTranslateCommand.js"></script>
    <script type="text/javascript" src="./lib/commands/ContainerCreateCommand.js"></script>
    <script type="text/javascript" src="./lib/commands/ContainerDeleteCommand.js"></script>
    <script type="text/javascript" src="./lib/commands/ContainerTranslateCommand.js"></script>
    <script type="text/javascript" src="./lib/commands/ContainerScaleCommand.js"></script>
    <script type="text/javascript" src="./lib/commands/ConnectorCreateCommand.js"></script>
    <script type="text/javascript" src="./lib/commands/ConnectorDeleteCommand.js"></script>
    <script type="text/javascript" src="./lib/commands/ConnectorAlterCommand.js"></script>
    <script type="text/javascript" src="./lib/commands/ConnectorCloneCommand.js"></script>
    <script type="text/javascript" src="./lib/commands/ShapeChangePropertyCommand.js"></script>
    <script type="text/javascript" src="./lib/commands/CanvasChangeColorCommand.js"></script>
    <script type="text/javascript" src="./lib/commands/CanvasChangeSizeCommand.js"></script>
    <script type="text/javascript" src="./lib/commands/CanvasFitCommand.js"></script>
    <script type="text/javascript" src="./lib/commands/InsertedImageFigureCreateCommand.js"></script>
    <script type="text/javascript" src="./js/Controls.js"></script>
    <script type="text/javascript" src="./js/ControlsPropertys.js"></script>
    <script type="text/javascript" src="./assets/javascript/colorPicker_new.js"></script>
    <link rel="stylesheet" media="screen" type="text/css" href="./assets/css/colorPicker_new.css" />
    <script src="../../Scripts/CommonUnite.js" type="text/javascript"></script>
    <script src="../../Scripts/EasyUIUtility.js" type="text/javascript"></script>
    <script src="js/FormDesignerService.js" type="text/javascript"></script>
    <script src="js/FormDesigner.js" type="text/javascript"></script>
    <!--[if IE]>
        <script src="./assets/javascript/excanvas.js"></script>
    <![endif]-->
    <link href="./Img/Menu/icon.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        ToolbarIcon
        {
            text-align: left;
            width: 9px;
            height: 9px;
            border: 0px;
            vertical-align: top;
            font-size: 19px;
        }
    </style>
    <script type="text/javascript">

        var mapData = null;

        //页面启动函数.
        $(function () {

            //            var handler = new HttpHandler("BP.WF.HttpHandler.WF_Admin_CCFormDesigner");
            //            handler.AddUrlData();
            //            mapData = handler.DoMethodReturnJSON("FormDesigner_InitMapData");

            var frmID = GetQueryString("FK_MapData");

            mapData = new Entity("BP.Sys.MapData", frmID);

            document.title = mapData.Name + " - CCForm H5表单设计.";

            $("#Msg").html("");
            var fromDtl = Application.common.getArgsFromHref("FromDtl");
            if (fromDtl && fromDtl == "1") {
                ResizeWindow();
            }
        });

        function closeDlg() {
            $("#eudlg").dialog("close");
        }

        function Exp() {
            var url = "../../Admin/FoolFormDesigner/ImpExp/Exp.htm?FK_MapData=" + CCForm_FK_MapData;
            window.open(url, 'exp');
            return;
        }

        function Imp() {
            var url = "../../Admin/FoolFormDesigner/ImpExp/Imp.htm?s=34&FK_MapData=" + CCForm_FK_MapData + "&IsShowTitle=0&FK_Flow=" + GetQueryString("FK_Flow") + "&FK_Node=" + GetQueryString("FK_Node");
            CCForm_ShowDialog(url, '导入表单', 600, 400);
            return;
        }

        function ResetFrm() {
            var url = "ResetFrm.htm?s=34&FK_MapData=" + CCForm_FK_MapData + "&IsShowTitle=0&FK_Flow=" + GetQueryString("FK_Flow") + "&FK_Node=" + GetQueryString("FK_Node");
            CCForm_ShowDialog(url, '重置表单', 300, 200);
            return;
        }

        function FoolFormDesigner() {

            var url = "../../Admin/FoolFormDesigner/ImpExp/Imp.htm?s=34&FK_MapData=" + CCForm_FK_MapData + "&IsShowTitle=0";
            CCForm_ShowDialog(url, '傻瓜表单设计器');
            Save(true);
            return;
        }

        function Mobile() {
            var url = "../../Admin/AttrNode/SortingMapAttrs.htm?s=34&FK_MapData=" + CCForm_FK_MapData + "&FK_Flow=" + GetDateString();
            CCForm_ShowDialog(url, '手机表单设计器', 900, 600);
            return;
        }
        //然浏览器最大化.
        function ResizeWindow() {
            if (window.screen) {  //判断浏览器是否支持window.screen判断浏览器是否支持screen     
                var myw = screen.availWidth;   //定义一个myw，接受到当前全屏的宽     
                var myh = screen.availHeight - 5;  //定义一个myw，接受到当前全屏的高     
                window.moveTo(0, 0);           //把window放在左上角     
                window.resizeTo(myw, myh);     //把当前窗体的长宽跳转为myw和myh     
            }
        }
        function Srcipt() {

            var url = "../../Admin/FoolFormDesigner/MapExt/InitScript.htm?s=34&FK_MapData=" + CCForm_FK_MapData + "&IsShowTitle=0";

            CCForm_ShowDialog(url, 'JavaScript编程');

            return;
        }
    </script>
</head>
<body id="body">
    <div id="actions" class="actions" style="font-size: 12px;">
        <a style="text-decoration: none;" href="javascript:CCForm_Attr();" title="表单属性">
            <img src="Img/toolbar/property.png" id="Img2" border="0" width="16" height="16" alt="" />
            <label for="Img2" class="toolbarText">
                表单属性</label>
        </a>
        <img class="separator" src="assets/images/toolbar_separator.gif" border="0" width="1"
            height="18" alt='保存表单.' />
        <a style="text-decoration: none;" href="javascript:Save(true);" title="保存(Ctrl-S)">
            <img src="assets/images/icon_save.jpg" id="SaveImg" alt="保存表单" border="0" width="16"
                height="16" />
            <label for="SaveImg" id="SaveText" class="toolbarText">
                保存</label>
        </a>
        <img class="separator" src="assets/images/toolbar_separator.gif" border="0" width="1"
            height="18" alt='预览表单工作模式.' />
        <a style="text-decoration: none;" href="javascript:CCForm_BrowserView();" title="预览">
            <img src="Img/toolbar/View.png" id="BrowserView" border="0" width="16" height="16"
                alt="" />
            <label for="BrowserView" class="toolbarText">
                预览</label>
        </a>
        <!--   <a style="text-decoration: none;" href="javascript:Srcipt();" title="JS编程">
            <img src="../../Img/Script.png" id="Img3" border="0" width="16" height="16" alt="" />
            <label for="ExpFrmXml" class="toolbarText">JS编程</label>
        </a>-->
        <img class="separator" src="assets/images/toolbar_separator.gif" border="0" width="1"
            height="18" />
        <a style="text-decoration: none;" href="javascript:Exp();" title="导出表单模版">
            <img src="Img/toolbar/Exp.png" id="ExpFrmXml" border="0" width="16" height="16" alt="" />
            <label for="ExpFrmXml" class="toolbarText">
                导出</label>
        </a>
        <img class="separator" src="assets/images/toolbar_separator.gif" border="0" width="1"
            height="18" />
        <a style="text-decoration: none;" href="javascript:Imp();" title="导入表单模版">
            <img src="Img/toolbar/Imp.png" id="ImpFrmXml" border="0" width="16" height="16" alt="" />
            <label for="ImpFrmXml" class="toolbarText">
                导入</label>
        </a>
        <img class="separator" src="assets/images/toolbar_separator.gif" border="0" width="1"
            height="18" />
        <a style="text-decoration: none;" href="javascript:Show_HidenField_Panel();" title="显示隐藏字段">
            <img src="Img/toolbar/hidenF.png" id="HField" border="0" width="16" height="16" alt="" />
            <label for="HField" class="toolbarText">
                隐藏字段</label>
        </a>
        <img class="separator" src="assets/images/toolbar_separator.gif" border="0" width="1"
            height="18" />
        <a style="text-decoration: none;" href="javascript:Show_ModleField_Panel();" title="显示模板字段">
            <img src="Img/Form.png" id="ModleField" border="0" width="16" height="16" alt="" />
            <label for="ModleField" class="toolbarText">
                模板字段</label>
        </a>
        <img class="separator" src="assets/images/toolbar_separator.gif" border="0" width="1"
            height="18" />
        <input type="checkbox" onclick="ShowGrid();" checked="checked" id="gridCheckbox"
            title="显示网格" style="vertical-align: middle;" />
        <label for="gridCheckbox" class="toolbarText">
            显示网格</label>
        <img class="separator" src="assets/images/toolbar_separator.gif" border="0" width="1"
            height="18" />
        <input type="checkbox" onclick="snapToGrid();" id="snapCheckbox" title="粘合网格线" style="vertical-align: middle;" />
        <label for="snapCheckbox" class="toolbarText">
            粘合网格线</label>
        <!--<img class="separator" src="assets/images/toolbar_separator.gif" border="0" width="1" height="18" />
        <a style="text-decoration: none; display:inline;" href="javascript:FoolFormDesigner()" target=_blank title="手机表单." >
            <img src="Img/Home.png" id="Img4" border="0" alt="" />
            <label class="toolbarText">傻瓜</label>
        </a>

        <img class="separator" src="assets/images/toolbar_separator.gif" border="0" width="1" height="18" />
        <a style="text-decoration: none; display:inline;" href="javascript:Mobile()" target=_blank title="手机表单." >
            <img src="Img/Home.png" id="Img3" border="0" alt="" />
            <label class="toolbarText">手机</label>
        </a>

        <img class="separator" src="assets/images/toolbar_separator.gif" border="0" width="1" height="18" />
        <input type="checkbox" onclick="propertyForm();" id="propertyCheckbox" title="属性窗口" style="vertical-align: middle;" />
        <label for="propertyCheckbox" class="toolbarText">属性窗口</label>-->
        <img class="separator" src="assets/images/toolbar_separator.gif" border="0" width="1"
            height="18" />
        <a style="text-decoration: none;" href="javascript:Mobile();" title="手机表单">
            <img src="Img/toolbar/mobile.png" id="Img4" border="0" width="16" height="16" alt="" />
            <label class="toolbarText">
                手机</label>
        </a>
        <img class="separator" src="assets/images/toolbar_separator.gif" border="0" width="1"
            height="18" />
        <a style="text-decoration: none;" href="javascript:ResetFrm();" title="重置表单">
            <img src="../../Img/reset.png" id="Img3" border="0" width="16" height="16" alt="" />
            <label class="toolbarText">
                重置表单</label>
        </a>
        <img class="separator" src="assets/images/toolbar_separator.gif" border="0" width="1"
            height="18" />
        <a style="text-decoration: none; display: inline;" href="http://www.ccflow.org" target="_blank"
            title="打开官方网站在线帮助.">
            <img src="Img/Home.png" id="Img1" border="0" alt="" />
            <label class="toolbarText">
                驰骋官网</label>
        </a>
        <script type="text/javascript" language="javascript">
            if (!isBrowserReady()) {
                document.write('<span style="background-color: red;" >');
                document.write("您的浏览器不支持HTML5。请升级您的浏览器到高级版本，或者使用火狐、谷歌浏览器。");
                document.write("</span>");
            }
        </script>
    </div>
    <div id="editor">
        <div id="figures" style="height: 100%; overflow: auto; position: relative;">
        </div>
        <!--THE canvas-->
        <div style="width: 100%">
            <div id="container">
                <canvas id="a" width="800" height="500" style="overflow: auto;">
                <fieldset>
                <legend>提示</legend>
                        您的浏览器不支持HTML5，请升级您的浏览器到高级版本IE10+，或者使用火狐、谷歌浏览器。
                        </fieldset>
                </canvas>
                <div id="text-editor">
                </div>
                <div id="text-editor-tools">
                </div>
                <span id="figureTip" style="display: none;"></span>
            </div>
        </div>
        <!--Right panel-->
        <div id="right" style="display: none;">
            <div style="background-color: #eae9e9; padding: 3px; background-image: url(Img/Form.png);
                background-repeat: no-repeat; background-position: left; background-size: 16px 16px;">
                <span style="margin-left: 15px; font-size: small;">属性设置</span>
            </div>
            <center>
                <div style="overflow: auto;" id="edit">
                </div>
            </center>
            <div style="overflow: auto;" id="editCaption">
            </div>
            <div id="minimap" style="position: absolute; bottom: 18px; display: none;">
            </div>
        </div>
    </div>
    <br />
    <div id="mFormSheet" class="easyui-menu" style="width: 120px;">
        <div onclick="View()" data-options="iconCls:'icon-CheckFlow'">
            预览</div>
        <div class="menu-sep">
        </div>
        <div onclick="GridLineVisible()" data-options="iconCls:'icon-new'">
            <span id="div_gridvisible">隐藏网格</span>
        </div>
    </div>
    <div id="figureMenu" class="easyui-menu" style="width: 180px;">
        <input type="hidden" id="HD_FigureID" />
        <div data-options="iconCls:'icon-property',name:'figure_property'">
            属性</div>
        <div data-options="iconCls:'icon-delete',name:'figure_delete'">
            删除</div>
    </div>
</body>
</html>
